import React, {useEffect} from 'react'
import {Avatar, Ellipsis} from 'antd-mobile'
import {Flex} from 'antd'
import head from './index.module.css'

//函数
function HeadInfo() {
    //[]空数组相当于componentDidMount
    useEffect(() => {

        //返回的函数相当于unmountComponentAtNode
        return () => {

        }
    }, []);

    return (<Flex className={head.headContainer} gap="small" align="start">
        <Avatar src='' style={{'--size': '32px'}}/>
        <div className={head.itemName}>
            <Ellipsis direction='end' content='昵称：xxx'/>
        </div>
    </Flex>)
}


export default HeadInfo

